<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
     
    <!-- <link rel="stylesheet" href="./css/base.css"> -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- <link rel="stylesheet" href="./css/index.css"> -->
    <link rel="stylesheet" href="./css/register.css">
 <script src="js/register.js"></script>
</head>

<body>
    <div class="box">
        <div class="box2">
            <span id="reg">新用户注册</span>
            <br>
            <span id="useR">USER REGISTER</span>
        </div>
        <form action="success.html" name="登录注册页面" class="form" >
            <table>
                <tr>
                    <td class="right">用户名</td>
                    <td> <input id= "card" onblur="checkID()" type="text" name="用户名"  class = "length" placeholder="请输入用户名">  <span id="spId1"></span> </td>
                  </td>
                </tr>
                <tr>
                    <td class="right">密码</td>
                    <td><input id="password" onblur="checkPassword()" type="password" name="密码 "   class = "length" placeholder="请输入密码" required> <span id ="spId2"></span></td>
                </tr>
                <tr>
                    <td class="right"> email</td>
                    <td><input id="email" onblur="checkEmail()" type="email" name="邮箱"  class = "length" multiple required></td>
                </tr>
                <tr>
                    <td class="right">姓名</td>
                    <td><input type="text" name="姓名" value="王其"   class = "length" required></td>
                </tr>
                <tr>
                    <td class="right"> 手机号</td>
                    <td><input id="tel" onblur="checkTel()"   class = "length" type="tel" name="联系电话"></td>
                </tr>
                <tr>
                    <td class="right">性别</td>
                    <td>
                        <input type="radio" name="性别" value="男" id="man">
                        <label for="man"> <img src="images/man.png"> 男 </label>
                        <input type="radio" name="性别" value="女" id="woman" checked>
                        <label for="woman"><img src="images/women.png">女
                    </td></label>
                </tr>
                <tr>
                    <td class="right">爱好 </td>
                    <td><input type="checkbox" name="兴趣" value="
                        eat">吃
                        <input type="checkbox" name="兴趣" value="drink">喝
                        <input type="checkbox" name="兴趣" value="play" checked>玩
                        <input type="checkbox" name="兴趣" value="happy">乐
                    </td>
                </tr>
                <tr>
                    <td class="right">出生日期 </td>
                    <td><input  id="birth" onblur="checkBirth()" type="date"  class = "length" name="出生日期" placeholder="yyyy/mm/dd"></td>
                </tr>
                <tr>
                    
                    <td class="right">所在学院</td>
                    <td>
                        <select>
                            <option value="0">--请选择--</option>
                            <option value="1" name="所在学院">机电工程学院</option>
                            <option value="2">材料科学与工程学院</option>
                            <option value="3" selected>计算机科学与工程学院</option>
                            <option value="4">化学与工程学院</option>
                            <option value="5">数学与统计学院</option>
                            <option value="6">马克思主义学院</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>
                        <p>自我介绍</p>
                    </td>
                    <td><textarea name="自我介绍" cols="50" rows="5">计算机科学与工程学院前身电子工程系是吉林工学院1978年复校后最早的五个系之一, 1989年成立计算机及电子工程系,1999年更名为计算机科学与工程学院。1978年开设电子计算机及其应用本科专业,  1998年更名为计算机科学与技术专业.在研究生层面具有计算机科学与技术、信息与通信工程两个一级学科硕士点和计算机技术, 电子与通信工程两个专业学位硕士点；在本科生层面具有计算机科学与技术、电子信息、网络工程、软件工程四个本科专业.
                    </textarea>
                    </td>
                </tr>
                <tr>
                    <td class="right">验证码</td>
                    <td><input type="text" height="25px" width="25px" class="short"> <img src="images/code.png"></td>
                </tr>
            </table>
            <input type="submit" name="register" value="注册" id="submit">
            <input type="reset" name="reset" value="重填" id="reset">
            <input type="button" name="cancel" value="取消" id="cancel">
            <div id="login">已有账号? <a href="login.html">立即登录</a></div>

        </form>
    </div>
</body>
</html>
